<template>
    <div class="howtoRelease">
        <div class="title">产品发布功能</div>
		<div class="content">
			<div class="flex">
				<div class="bold">发布产品位置：</div>
				<div>在商品销售中心点击“发布新产品”及“添加供应商”提供的产品进行发布，</div>
			</div>
			<div class="flex">
				<div class="bold">商品销售中心：</div>
				<div>我的个人货架，上架自有产品和供应商提供的产品，<span class="title2">只有销售中心发布且上架的产品才可以录入订单</span>（能够对导入的订单识别）。</div>
			</div>
			<img :src="howtoRelease3">
			<div>发布产品可分为“发布自有产品”及“添加代理商提供的产品”</div>
			<div class="bold big">1、发布自有产品</div>
			<div>自有产品的定义：在平台中没有上游供货商的产品，由发布方负责生产发货。</div>
			<div class="flex">
				<div class="bold title2">谁发布产品，谁负责生产</div>
				<div>产品发布后，所有该产品产生的订单（包括自营分销）都会汇总到产品发布者的订单生产库中，等待生产发货。</div>
			</div>
			<div>发布流程</div>
			<img :src="howtoRelease5">
			<div class="bold big">（1）定义产品基础信息</div>
			<div>定义产品的基础信息及开卡限制条件，其中生产备注上游佣金结算规则等不会展示，仅用作自己备忘</div>
			<img :src="howtoRelease4">
			<div class="flex">
				<div class="bold">不发货区域关键词匹配原理：</div>
				<div>根据关键词从用户的收货地址进行模糊匹配，订单收货地址包含关键词则认为该区域不发货， 为了尽可能确保精准，不发货区域需设置2个关键词，首先匹配第二个然后匹配第一个。 例如：安徽省毫州市谯城区 的关键词提炼： 谯城，亳州，地址包含这两个词我们就可以精准判断该订单为不发货区域。</div>
				<div class="title2">注：不发货区域的订单将会出现在“生产管理——订单审核——敏感地区审核”</div>
			</div>
			<div class="bold big">（2）定义产品销售页（对外宣传销售话术）</div>
			<div>销售页定义：销售页编辑的信息用于对用户及下游分销商展示（类似于淘宝等电商平台的发布产品定义产品名称、主图、详情等）。</div>
			<div>作用：1、下游分销商通过此页面了解号卡套餐详情，2、销售页发布后，会生成用户端的H5下单页面，该页面可用于分享推广给用户直接下单。</div>
			<img :src="howtoRelease1">
			<div class="flex">
				<div class="bold">抓单标识：</div>
				<div>该标示非常重要，使用自动抓单程序抓到的订单通过该标识来匹配识别，务必确保平台发布产品时录入的标识与此处一致。 </div>
				<div>A：使用自动生成的标识：请将该标识复制粘贴到平台的天猫：货号（商家编码）京东：SKU 处。</div>
				<div>B：自行设置抓单标识：如果您本身就有使用商品货号（编码）等识别产品，您可以使用自行填写标识，只要确保平台端信息和此处标识一致即可</div>
			</div>
			<div class="bold big">（3）定义佣金及分销商可见（设置那些分销商可以销售，给多少佣金）</div>
			<div>定义完销售页后产品发布成功，位于下架产品中，如果要上架销售需要设置佣金及分销商可见。</div>
			<img :src="howtoRelease2">
			<div>设置产品的销售范围，允许那些人销售，如果仅仅自己销售的话则设置为仅自己可见。</div>
			<div>差异化佣金设置用于针对不同分销商设置不同的佣金额度，不设置则使用填写的全局佣金额度。</div>
			<div class="bold big">2、添加代理商的产品</div>
			<div>您可以将供应商提供的产品尽心二次包装（销售页信息）然后进行自营或分销，具体操作方式同上方发布自有产品的第二、三步。</div>
			<div>供应商提供的产品，生产发货由发布产品的供应商来处理，您可在订单管理查看相应产品的订单发展情况。</div>
			<div class="title2">注1：产品的编辑修改：已发布后的产品可以再次修改信息，您如果修改了佣金等关键信息务必记得提前沟通自己的分销商。</div>
			<div class="title2">注2：产品的上下架：只有上架的产品订单管理系统才会接收相应的订单，产品下架后系统不再接收自营及下游分销商生成该产品的订单，产品下 架前务必提前通知自己的分销商早作准备。</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoDo',
    	data(){
    		return{
				howtoRelease1:'./static/help/howtoRelease1.png',
				howtoRelease2:'./static/help/howtoRelease2.png',
				howtoRelease3:'./static/help/howtoRelease3.png',
				howtoRelease4:'./static/help/howtoRelease4.png',
				howtoRelease5:'./static/help/howtoRelease5.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoDo{ font-size: 14px;
		.titleh{ line-height: 60px; font-size: 26px; color: #4D4D4D; text-align: center;}
    background: #F1F1F1;
    font-size: 14px;
    
    .exit {
      margin-left: 20px;
      cursor: pointer;
      color: #77C9FF;
    }
    
    .flex {
      display: flex;
      flex-wrap: wrap;
    }
    
    .w1350 {
      width: 1350px;
      margin: 0 auto;
    }
    
    .top {
      height: 30px;
      line-height: 30px;
    }
    
    .logo {
      background: #42628D;
      padding: 20px 0;
    }
    
    .center {
      padding: 30px 0;
    
      .hleft {
        background: #fff;
        width: 330px;
        box-sizing: border-box;
        padding-top: 10px;
        color: #77C9FF;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
    
        .title {
          padding-bottom: 20px;
          padding-top: 20px;
          font-size: 16px;
          font-weight: bold;
          padding-left: 35px;
        }
    
        .nav:hover {
          background: #F1F1F1;
        }
    
        .nav {
          line-height: 40px;
          padding-left: 35px;
          display: block;
          color: #77C9FF;
        }
    
        .router-link-active {
          background: #F1F1F1 !important;
        }
      }
    
      .hright {
        background: #fff;
        justify-content: space-between;
        width: 1000px;
        box-sizing: border-box;
        margin-left: 20px;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
        padding-bottom: 30px;
    
        img {
          width: 100%;
          display: block;
          margin: 20px 0;
        }
    
        .title {
          padding: 15px 30px;
          font-size: 18px;
          color: #4D4D4D;
          border-bottom: 1px #DBDBDB solid;
        }
    
        .title2 {
          color: #FF6161;
          font-weight: bold;
        }
    
        .title4 {
          color: #FF7777;
          font-size: 14px
        }
    
        .bold {
          font-weight: bold;
        }
    
        .content {
          padding: 0 35px;
          line-height: 50px;
        }
    
        .nei {
          padding-left: 60px;
        }
    
        .blue {
          color: #77C9FF;
        }
    
        .title3 {
          font-size: 16px;
        }
    
        .big {
          font-size: 18px;
          padding: 20px 0;
        }
      }
    }
	}
</style>
